.global-style {
  background-color: #FFFFFF;
  border: 1px #1e88e5 solid;
  border-radius: 5px;
}

.codeHistory-body {
  .panel {
    .global-style;
    margin-bottom: 0px;
  }
  .panel-title {
    font-weight: bold;
  }
  .search-div {
    width: auto;
    margin-top: 7px;
    .panel-title {
      font-size: 18px;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .form-body {
      position: relative;
    }
    .form-body .form-search {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
    }
    .form-search .font-style {
      width: 150px;
      letter-spacing: 5px;
      font-family: "Times New Roman", Times, serif;
      font-size: 18px;
      font-weight: bold;
      color: #ebebeb;
      background-color: #5cb85c !important;
      border-color: #4cae4c;
    }
    .form-search .form-control,
    .form-search .input-group-addon {
      height: 45px;
    }
    .form-body .company-list {
      /*绝对定位面板居中*/
      position: absolute;
      display: none;
      padding: 0;
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 58%;
      height: auto;
      overflow: visible;
      z-index: 998;
    }
    .form-body .company-list .one-company {
      display: block;
      width: 100%;
      cursor: pointer;
    }
    .form-body .company-list .list-group-item:hover {
      background-color: #c9e2b3;
    }
  }
  .company-div {
    margin-top: 7px;
    .company-body .first-p {
      margin-top: 10px;
    }
    .company-body .img-company {
      width: 150px;
      height: 170px;
    }
    .company-body .text-info {
      display: inline-block;
      font-size: 17px;
      width: 200px;
      letter-spacing: 3px;
      font-weight: bold;
      line-height: 18px;
      text-align: left;
    }
    .company-body .text-indate,
    .company-body .text-num {
      width: 200px;
      letter-spacing: 3px;
    }
    .company-body .last-p {
      line-height: 28px;
    }
    .company-body .radio-type {
      margin: 0 15px 0 0;
      font-size: 17px;
      letter-spacing: 2px;
      line-height: 28px;
    }

    .company-body .company-info-1 {
      height: 200px;

      .img-area {
        float: left;
        img {
          width: 180px;
          height: 185px;
        }
      }
      .text-area {
        float: left;
        margin-left: 10px;
        p {
          width: 500px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .last-p {
          height: 80px;
          white-space: normal;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }

    .company-body .product-info-2 {
      height: 200px;
      margin-top: 20px;
    }

    .product-info-2 .product-type {
      height: 180px;
      overflow-y: auto;
    }

    .company-body .num-input {
      width: 310px;
      display: inline-block;
      //margin-top: 10px;
    }
    .company-body .my-btn-style {
      margin-top: 10px;
      width: 310px;
      height: 50px;
      font-size: 21px;
      letter-spacing: 25px;
      font-weight: bold;
    }
  }
  .history-div {
    margin-top: 7px;
    .table-font th,
    .table-font td {
      text-align: center;
    }

    .th-1 {
      width: 200px;
    }

    .table tr:nth-child(odd) {
      background-color: #fff6f7;
      border-color: #46b8da
    }

    .table tr:nth-child(even) {
      background-color: #F1F2F7;
      border-color: #46b8da
    }
    .footer {
      margin-bottom: 15px;
    }
  }
}